@charset "utf-8";
	
/*格式化样式*/

html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin: 0;
	padding: 0;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
ol, ul {list-style: none outside none;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color: #333;outline: 0; font-family:Microsoft YaHei; font-size: 12px;}
body{background-color:#fff; margin:0;padding:0; font-family:Microsoft YaHei; font-size:12px; overflow-x:hidden; width:100%;}
.clear{float:none;}
img{vertical-align: bottom; width:auto; max-width:100%;}

.fl{float:left !important;}
.fr{float:right !important;}
.overflow-hidden{overflow:hidden;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.border-none{border:none !important;}


/**/
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUp01{
    -webkit-animation:fadeInUp 500ms .5s ease both;
}
 
.fadeInUp02{
    -webkit-animation:fadeInUp 1000ms 1s ease both;
}
.fadeInUp03{
    -webkit-animation:fadeInUp 1600ms 1.5s ease both;
}
.fadeInUp04{
    -webkit-animation:fadeInUp 1800ms 2s ease both;
}


/*banner切换*/
.flexslider{width:100%; overflow:hidden; padding-top:60px; position:absolute; background:#333;}
.flexslider li img{width:100%; max-width:inherit;}
.flex-direction-nav{display:none;}
.flex-control-nav{position:absolute; bottom:30px; z-index:10; width:100%; height:3px; overflow:hidden; line-height:50px; text-align:center;}
.flex-control-nav li{display:inline-block; *display: inline;margin: 0 5px;zoom: 1; }
.flex-control-nav li a{display:block; width:50px; background:#fff;}
.flex-control-nav li .flex-active{background:#0d7ff4;}
.banner{ width:100%; padding-top:57px;}
/*首页服务*/
.home_servicebox{padding:220px 0 10px; border:1px solid #f4f1e3; overflow:hidden;}
.home_servicebox li{width:50%; float:left;}
.home_servicebox li .home_service{ padding:15px 5px; padding-left:60px; min-height:40px;}
.home_servicebox li .home_service p{display:none;}
.home_servicebox li .home_service h3{font-size:16px; color:#292b2d; line-height:40px;}
.home_servicebox li .li1{background:url(../images/ico1.png) no-repeat left center; background-size:50px 42px;}
.home_servicebox li .li2{background:url(../images/ico2.png) no-repeat left center;}
.home_servicebox li .li3{background:url(../images/ico3.png) no-repeat left center;}
.home_servicebox li .li4{background:url(../images/ico4.png) no-repeat left center;}
/*行业应用广泛*/
.ind-applicationbox{padding:10px;}
.titles{padding:20px 0 30px;max-width: 1200px; margin: 0 auto; overflow: hidden;}
.titles h3{font-size:24px; color:#292b2d; line-height:30px; font-weight:normal; padding:8px 0 10px;} 
.titles p{ font-size:14px; color:#969191l; line-height:24px;}
.ind-application{position:relative; height:360px; overflow-y:hidden; max-width:740px; margin:0 auto;}
.ind-application .pic{ margin:0 auto; position:relative; max-width:400px;}
.iofos{position:absolute; top:38%; width:55%; left:21.5%; background:#e5e5ea; padding:12px 2% 30px; border-radius:8px; font-size:13px; color:#413e3e; line-height:21px;  z-index:55; display:none;}
.ind-application .list{position:absolute; top:12%; width:100%;}
.ind-application .list li{width:40px; height:40px; line-height:40px; font-size:14px; color:#413e3e; text-align:center; overflow:hidden; margin-top:15px;}
.ind-application .list li a{color:#413e3e; border-radius:100%; display:block;  background:#e1e1e1; height:40px; overflow:hidden;}
.ind-application img{display:block; margin:0 auto;}
.ind-application .list .active a{color:#fff; background:#0d7ff4;}
.ind-application .list .l1{position:absolute; top:20px; left:0;}
.ind-application .list .l2{position:absolute; top:20px; right:0;}
.ind-application .list .l3{position:absolute; top:75px; left:0;}
.ind-application .list .l4{position:absolute; top:75px; right:0;}
.ind-application .list .l5{position:absolute; top:130px; left:0;}
.ind-application .list .l6{position:absolute; top:130px; right:0;}
.ind-application .list .l7{position:absolute; top:185px; left:0;}
.ind-application .list .l8{position:absolute; top:185px; right:0;}
.ind-application .list .l9{position:absolute; top:240px; left:0;}
.ind-application .list .l10{position:absolute; top:240px; right:0;}
.ind-application .list .line{display:none;}
/*套餐*/
.tcbg{ background:#f9f9f9;overflow: hidden;}
.tcbox{padding:10px 10px 15px; margin:0 auto;}
.tc{overflow:hidden;}
.tc li{width:50%; float:left; padding:10px 0; cursor:pointer;}
.tc li .box{border:1px solid #ececec; border-radius:5px; margin:0 15px; padding:10px; width:auto;} 
@keyframes an1{
  25% { -webkit-transform: translateY(-10px);}
  50%, 100% {-webkit-transform: translateY(0);}
  75% {-webkit-transform: translateY(10px);}
}

.tc li .box:hover{ -webkit-animation: an1 1s linear infinite;animation: an1 1s linear infinite;}
.tc li .box .p1 span{width:; border:1px solid #d4d4d4; border-radius:100%; font-size:13px; color:#969191; width:24px; height:24px; display:inline-block; text-align:center; line-height:24px;}
.tc li .box .p2{display:none;}
.tc li .box .p3{font-size:16px; color:#292b2d; line-height:28px; padding:5px 0 5px;}
.tc li .box .p3 i{ font-size:14px; color:#f4a50d; font-style:oblique; padding-left:2px;}
.tc li .box .p4{color:#969191; line-height:24px; padding-bottom:2px;}
.czkfbox{ display:none;}
/*软件功能*/
.rjgnbox{padding:10px 10px 15px;}
.rjgn{overflow:hidden;}
.rjgn li{padding-bottom:24px; padding-left:42px; position:relative;}
.rjgn li span{width:30px; height:30px; border-radius:100%; color:#fff; line-height:30px; color:#fff; text-align:center; position:absolute; top:5px; left:0; background:#f4a50d; font-size:18px;}
.rjgn li h3{font-weight:normal; font-size:16px; color:#666; line-height:20px; padding-bottom:5px;}
.rjgn li p{font-size:13px; color:#8d8d8d; line-height:17px;}
.rjgn .l1 span{background:#f4a50d;}
.rjgn .l2 span{background:#8220cd;}
.rjgn .l3 span{background:#0dc6f4;}
.rjgn .l4 span{background:#a0db38;}
.rjgn .l5 span{background:#db3840;}
.rjgn .l6 span{background:#f4a50d;}
.rjgn .l7 span{background:#8220cd;}
.rjgn .l8 span{background:#0dc6f4;}
.rjgn .l9 span{background:#a0db38;}
.rjgn .l10 span{background:#db3840;}
.rjgn .pic{display:none;}
/*新闻资讯*/
.bg{background:#f8f8f8;}
.newsbox{padding:0px 10px 35px;}
.news dl{overflow:hidden; background:#fff; margin-bottom:20px;}
.news dt img{width:120px; height:90px;}
.news dl dd h3 { text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word; height:24px; line-height:24px; overflow:hidden; font-size:16px; color:#666; padding-top:5px;}
.news dl dd h3 a{color:#666;}
.news dl dd h3 a:hover{color:#0d7ff4;}
.news dl dd{padding-left:130px;}
.news dl dd .p1{ font-size:12px; color:#a6a6a6; line-height:17px; height:34px; overflow:hidden; margin-bottom:5px; padding-right:5px;}
.news dl dd .p1 .xq{color:#f4a50d;}
.news dl dd .p2{color:#c0c0c0;}
.news dl dd .p2 .date_ico{padding-right:5px;}
.newsbox .more{background:#fff; display:inline-block; line-height:35px; width:120px; text-align:center; font-size:13px; color:#636466;}
.newsbox .pd{padding-top:8px;}
.newsbox .more:hover{color:#fff; background:#0d7ff4; border-radius:5px;}
/*购买流程*/
.gmlcbox{padding-bottom:8px; overflow:hidden;}
.gmlcbox .titles p{line-height:28px;}
.gmlcbox .titles{padding:20px 10px;}
.zxxxbox{ padding:0 0 48px;}
.zxxxbox a{display:inline-block; width:120px; height:34px; line-height:34px; color:#fff; border-radius:5px; text-align:center; margin:0 10px; font-size:13px;}
.zxhref{background:#f4a50d;}
.xxhref{background:#c5c5c5;}
.zxhref:hover{color:#fff; background:#db940c;}
.xxhref:hover{color:#fff; background:#b2b1b1;}
.gmlc li{display:inline-block; padding:0 12px 24px; width:50%; margin:0 -18px; *display: inline; cursor:pointer;}
.gmlc .l{display:none;}
.gmlc li .img{background:#f3f3f3; width:70px; border-radius:35px; margin:0 auto 18px;}
.gmlc li p{font-size:14px; color:#73777b;}
/*合作伙伴*/
.partner{overflow:hidden; height:152px;}
.partner a{display:inline-block; width:140px; height:56px; margin:0 10px 20px;}
/*主体*/
.center_nav {padding:20px 0; border-bottom:1px solid #eeeeee;} 
.center_nav a{width:112px; height:34px; display:inline-block; /* *display:inline; */ text-align:center; font-size:15px; color:#666; margin:0px 5px 10px; line-height:34px;}
.center_nav a:hover{color:#fff; background:#0d7ff4;}
.center_nav .active{color:#fff; background:#0d7ff4;}
.main{padding:0 10px; max-width:1020px; margin:0 auto;}
/*api*/
.apibox{padding:20px 0px 70px;}
.Api-Interface{ border-bottom:1px solid #eee; padding:4px 0 8px;}
.Api-Interface h3{ font-size:22px; line-height:28px; color:#292b2d; font-weight:normal;}
.Api-Interface p{color:#969191;}
.apibox .intro{padding:15px 0 2px;border-bottom:1px solid #eee;}
.apibox .intro p{ font-size:14px; color:#8d8d8d; line-height:26px; padding-bottom:12px;}
.apibox .intro p span{color:#666;}
.apibox .box{padding-bottom:10px; width:auto;}
.apibox .box .t{background:url(../images/t.png) no-repeat left center; line-height:60px; padding-left:20px; font-size:18px; color:#292b2d;}
.apibox .box p{font-size:14px; color:8d8d8d; line-height:24px; padding:6px 0 6px 20px; overflow:hidden;}
.apibox .box .bgcolor{background:#eee; color:#666666; margin-bottom:3px;}
.apibox .box .bgcolor a{color:#666666;}
.apibox .box .bgcolor .blue{ color:#0d7ff4;text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;display: inline-block;
  overflow: hidden; margin-right:5px;  vertical-align: bottom;}
.apibox .table{padding:10px 0;}
.apibox .table table { border-collapse: collapse; border-spacing: 0; border:1px; text-align:center; border-color:#fff; font-size:14px; line-height:20px;}
.apibox .table table th{background:#1e7c63; text-align:center; padding:10px 5px; color:#fff;}
.apibox .table table td{background:#f8f8f8; padding:10px 5px; color:#666; }
.apibox .box .t2{color:#2b9276; padding:12px 0 6px 0;}
.apibox .box .t3{color:#292b2d;}
.dome{ overflow:hidden; padding:10px 0 3px;}
.dome a{display:block; width:30%; float:left; margin:0 1.5%; max-width:246px;}
.fh{display:none;}
.leftfixed{ display:none;}
.mainbox{border-bottom:1px solid #efefef;}
/*常见问题*/
.helpbox{padding:10px 0 90px;}
.helpbox .int{ font-size:14px; color:#8d8d8d; line-height:24px; padding:10px 10px 25px;}
.list_help li{border-bottom:10px solid #f8f8f8; padding:15px 10px;}
.list_help li .q1{ line-height:30px; font-size:14px; color:#494c4f;}
.list_help li .q1 i img{vertical-align:middle; margin-right:12px;}
.list_help li .q1 span{float:right; display:block; text-align:center; vertical-align:middle; width:30px; height:30px; font-weight:bold; font-size:20px;}
.list_help li .q1 .s2{font-size:24px; display:none;}
.list_help .content-visible .q1 .s1{display:none;}
.list_help .content-visible .q1 .s2{display:block;}
.list_help li .q2{display:none; background:#f8f8f8; color:#8d8d8d; font-size:14px; line-height:20px; padding:10px 5px; boder-radius:5px; margin-bottom:8px; position:relative; margin-left:35px;}
.list_help li .q2 i img{position:absolute; left:-35px; top:10px;}
/*付款方式*/
.paybox{padding:10px 10px 80px;}
.paybox .ti{padding:20px 0 25px;}
.paybox .ti h3{ font-size:30px; color:#292b2d; font-weight:normal; line-height:40px; padding-bottom:8px;}
.paybox .ti p{ font-size:16px; color:#969191;}
.pay{width:85%; margin:0 auto; max-width:425px;}
.pay li{border:1px solid #eeeeee; padding:15px 0 30px; margin-bottom:32px; position:relative; box-shadow:6px 8px 28px #d5d5d5,0px 1px 0px #d5d5d5;}
.pay li h4{border-bottom:1px solid #eee; font-size:18px; color:#666666; line-height:40px; max-width:60%; min-width:180px; font-weight:normal; margin-bottom:10px; margin-left:30px;}
.pay li p{ font-size:14px; color:#666; line-height:28px; padding-left:30px;}
.pay li i{position:absolute; right:0; top:0; width:20%; text-align:right;}
.pay li span{display:block; position:absolute; left:0; top:0; width:5px; height:100%; z-index:10; background:#0d7ff4;}
.pay .m1 span{background:#0d7ff4;}
.pay .m2 span{background:#ffa800;}
.pay .m3 span{background:#e70c18;}
.pay .m4 span{background:#0a3f99;}
/*新手入门*/
.Cognosbox{padding:20px 10px 40px;}
.Cognosbox .ti{ font-size:14px; color:#8d8d8d; line-height:24px; padding:20px 0;}
.Cognos .title{background:url(../images/t.png) no-repeat left center; font-size:18px; color:#292b2d; line-height:30px; padding-left:20px; margin-bottom:15px;} 
.Cognos .pic {padding-bottom:20px;}
.Cognos .pic .img2{display:none;}
.Cognos .box{padding-bottom:24px; font-size:14px;}
.Cognos .box img{display:none;}
.Cognos .box h3{ font-size:15px; color:#666666; font-weight:normal; padding:5px 0 10px;}
.Cognos .box h3 span{font-family:Impact; font-size:26px; padding-right:1px; line-height:32px;}
.Cognos .box{font-size:14px; line-height:20px; color:#8d8d8d;}
.Cognos .box h3 .co1{color:#bab11c;}
.Cognos .box h3 .co2{color:#e43a6a;}
.Cognos .box h3 .co3{color:#26c1cb;}
.Cognos .box h3 .co4{color:#f16c1b;}
.Cognos .box h3 .co5{color:#d04cd5;}
/*详情*/
.bdsharebuttonbox{display:inline-block; *display:inline;}
.bdsharebuttonbox a{margin:0 !important; margin-right:3px !important;}
.show .title span{display:inline-block; *display:inline; vertical-align:middle;}
.showbox{padding:20px 10px 40px;}
.showbox .location{ display:none;}
.show{padding:10px 0;}
.show .title{padding-bottom:30px; text-align:center;}
.show .title h3{ font-size:22px; color:#3b3a3a; line-height:28px; padding-bottom:15px;}
.show .title p{ font-size:13px; color:#8d8d8d;}
.show .show_content{ font-size:14px; color:#66; line-height:30px; padding-bottom:50px;}
.up_down{ line-height:30px; border-top:1px solid #ddd; padding-top:24px;}
.up_down span{display:block;}
.up_down span a{caption-side:#666; font-size:13px;}
.up_down span a:hover{color:#0d7ff4;}
/*新闻*/
.listnewsbox{padding:0 10px 72px;}
.listnews{padding:30px 0 0; border-bottom:1px solid #eee;}
.listnews dl{border:1px solid #eee; margin-bottom:20px; padding:12px 16px; max-width:280px; margin:0 auto 20px; border-radius:3px;}
.listnews dl dt{font-size:16px; border-bottom:1px dashed #e0e0e0;}
.listnews dl dt a{color:#343131; line-height:45px; overflow:hidden; height:45px; font-weight:bold; display:block;}
.listnews dl dt a:hover{color:#0d7ff4;}
.listnews dl dd .pic{ padding:20px 0 12px;}
.listnews dl dd .pic img{width:100%; max-width:inherit;}
.listnews dl dd p{line-height:23px; color:#666;}
.listnews dl dd .p a{color:#fff; background:#0d7ff4; border-radius:3px; padding:1px 7px 1px; margin-left:2px; display:inline-block;  line-height:20px;}
.pages{padding-top:20px; text-align:center;}
.page{display:inline-block; *display:inline;}
.pages a{color:#8a8a8a; border:1px solid #ddd; padding:5px 27px; margin:0 15px; display:inline-block; font-size:14px; border-radius:5px;}
.pages a:hover{background:#0d7ff4; color:#fff; border-color:#0d7ff4;}
.paging{display:none;}
/*应用*/
.center_nav2 a{width:92px;}
.applicationbox{ padding:20px 10px 120px;}
.applicationbox .ti{border-bottom:1px solid #eee; margin-bottom:20px;}
.applicationbox .ti h3{ font-size:22px; color:#292b2d; line-height:30px; font-weight:normal;}
.applicationbox .ti p{ color:#969191; line-height:18px; padding-bottom:5px;}
.application li{padding-bottom:15px;}
.application li h3{background:url(../images/t.png) no-repeat left center; font-size:18px; line-height:28px; padding-left:20px; font-weight:normal; color:#292b2d;}
.application li .i{ font-size:14px; color:#666666; line-height:20px; padding-left:20px;}
/*产品*/
.productttitle{display:none;}
.center_nav3{padding:24px 10px; overflow:hidden;}
.box-shadow{box-shadow:0px 3px 3px #e9e9e9,0 0 0 #fff; margin-bottom:16px;}
.center_nav3 .nav3{width:25%; float:left;}
.center_nav3 .nav3 p img{width:auto; max-width:53px; display:block; margin:0 auto;}
.center_nav3 .nav3 p .img2{display:none;}
.center_nav3 .nav3:hover p .img1{display:none;}
.center_nav3 .nav3:hover p .img2{display:block;}
.center_nav3 .active p .img1{display:none;}
.center_nav3 .active p .img2{display:block;}
.center_nav3 .nav3 .p{ font-size:14px; color:#333; padding-top:10px;font-weight: 700;}
.productbox{padding:0 10px 100px;}
.productbox .box{width:auto; padding-bottom:20px;}
.productbox .box .title{border-bottom:1px solid #eee; font-size:22px; color:#292b2d; line-height:56px; margin-bottom:18px;}
.productbox .box p{ font-size:14px; color:#8d8d8d; line-height:30px;}
.productbox .box .t_ico{background:url(../images/t_icos.png) no-repeat left 7px; padding-left:24px;}
.productbox .y{overflow:hidden; padding-top:8px; max-width:720px; margin:0 auto;}
.productbox .y li{width:33.333%; float:left; padding-bottom:18px; text-align:center;}
.productbox .y li img{width:80%; margin:0 auto; max-width:122px;}
/*关于我们*/
.abouttitle{box-shadow:0px 3px 3px #e9e9e9,0 0 0 #fff; padding:20px 0; margin-bottom:8px;}
.abouttitle h3{font-weight:normal; font-size:22px; color:#292b2d; line-height:30px;}
.abouttitle p{ font-size:14px; color:#969191; line-height:18px;}
.aboutbox{padding:10px 0 100px;}
.aboutcontent{ line-height:29px; font-size:13px; color:#666; padding:8px 10px 64px; max-width:1020px; margin:0 auto;}
.tsbox{padding:28px 10px 30px; background:#f8f8f8; text-align:center;}
.tsbox .title{padding-bottom:32px;}
.tsbox .title h3{font-weight:normal; font-size:22px; color:#292b2d; line-height:30px;}
.tsbox .title p{ font-size:14px; color:#969191; line-height:18px;}
.tsbox p span{ padding:0 15px 16px;}
.tsbox p span img{ width:65px;}
.mapbox{padding:30px 10px 0; max-width:1020px; margin:0 auto;}
.mapbox .title{padding-bottom:32px; text-align:center;}
.mapbox .title h3{font-weight:normal; font-size:22px; color:#292b2d; line-height:30px;}
.mapbox .title p{ font-size:14px; color:#969191; line-height:18px;}
.contact{padding:20px 10px 0; line-height:30px; font-size:14px; color:#666; margin:0 auto; max-width:1020px;} 
.contact p{ padding-left:28px;}
.contact .c1{background:url(../images/c1.png) no-repeat left 6px;}
.contact .c2{background:url(../images/c2.png) no-repeat left 6px;}
.contact .c3{background:url(../images/c3.png) no-repeat left 6px;}
.contact .c4{background:url(../images/c4.png) no-repeat left 6px;}
.contact .c5{background:url(../images/c5.png) no-repeat left 6px;}
.map{width:100%; height:200px;}
.map img{width:auto; max-width:inherit;}
.picbox{padding-top:60px; width:85%; max-width:798px; position:relative; z-index:2;margin: 0 auto;}
.joinbox{margin:80px 20px 60px; background:#fff; padding:18px;  border-radius: 240px 240px 50px 50px / 30px 30px 50px 50px; position:relative;}
.join{background:#fff; padding:18px; border-radius: 240px 240px 50px 50px / 30px 30px 50px 50px; border:1px  dashed #dadcdc;}
.top_img{position:absolute; right:30px; top:-10px; width:34px;}
.join .title{background:url(../images/line.png) left 12px repeat-x; width:98%; margin:0 auto; text-align:center; font-size:20px; color:#2f2b2b; padding-bottom:20px; line-height:28px; max-width:650px;}
.join .title span{display:inline-block; *display:inline; background:#fff; padding:0px 15px;}
.join .join_info{ line-height:25px; color:#3d3737; padding:2px 0 35px; } 
.clyg{padding:2px 0 30px; text-align:center;}
.clyg .img2{display:none;}
.tj{ line-height:24px; color:#8d8d8d; font-size:14px; padding-bottom:3px;}
.tj span{font-size:32px; font-family:Impact; margin-right:2px;}
.lc{overflow:hidden; padding:2px 0px 30px;}
.lc li{width:50%; float:left; font-size:18px; color:#363434; padding:5px 0 20px; line-height:20px;} 
.lc li span{border-radius:100%; width:20px; height:20px; text-align:center; display:inline-block; *display:inline; color:#fff; margin-right:5px; font-size:14px; line-height:20px;}
.join_btn a{display:block; text-align:center; background:#2ec885; font-size:18px; line-height:50px; border-radius:5px; color:#fff;}
.cy{ color:#8d8d8d; padding-top:30px; text-align:center;}
.cy a{color:#8d8d8d;}
.jbg{background:url(../images/join_bg.jpg) no-repeat top center; background-size:cover;}
.join_bg{position:fixed; z-index:0; width:100%; height:100%; display:none;}
.join_bg img{width:100%; height:100%; max-width:inherit;}
.join_bg .img2,.join_bg .img3{display:none;}
.tjpic{display:none;}
.join_btn2{display:none;}
.lcpic{display:none;}
@media screen and (min-width:375px){
/*首页服务*/ 
.home_servicebox li .home_service{ padding:20px 5px; padding-left:80px; }
.home_servicebox li .home_service{background-position: 8px center;}
/*行业应用广泛*/
.ind-application .list li{width:40px; height:40px; line-height:40px; margin-top:0;}
.ind-application .list li a{display:block; height:40px; width:40px;}
.ind-application{ height:480px;}
.ind-application .list .l1{top:35px;}
.ind-application .list .l2{top:35px;}
.ind-application .list .l3{top:105px;}
.ind-application .list .l4{top:105px;}
.ind-application .list .l5{top:175px;}
.ind-application .list .l6{top:175px;}
.ind-application .list .l7{top:245px;}
.ind-application .list .l8{top:245px;}
.ind-application .list .l9{top:315px;}
.ind-application .list .l10{top:315px;}
/*套餐*/
.tc li .box{margin:0 20px;}
/*购买流程*/
.gmlc li{display:inline-block; padding:0 12px 24px; width:33.333%; margin:0 -18px;}
}
@media screen and (max-width:765px){
/*首页服务*/
.home_servicebox ul{max-width:95%; margin:0 auto; min-width:300px; max-width:450px;} 
}
@media screen and (min-width:768px){
.titles h3{font-size:30px; padding-bottom:12px;}
.titles p{font-size:16px;}
/*首页服务*/
.home_servicebox li .home_service h3{line-height:30px;}
.home_servicebox li .home_service{max-width:170px; margin:0 auto;background-position:10px center;}
.home_servicebox li .home_service p{ display:block; line-height:18px; height:36px; color:#292b2d;}
/*行业应用广泛*/
.ind-application{ height:540px;}
.ind-application .list li{width:140px;}
.ind-application .list li a{ border-radius:40px; width:auto;}
.ind-application .list .l1{left:-160px; top:0;}
.ind-application .list .l2{right:-160px; top:0;}
.ind-application .list .l3{left:-160px; top:90px;}
.ind-application .list .l4{right:-160px; top:90px;}
.ind-application .list .l5{left:-160px; top:180px;}
.ind-application .list .l6{right:-160px; top:180px;}
.ind-application .list .l7{left:-160px; top:270px;}
.ind-application .list .l8{right:-160px; top:270px;}
.ind-application .list .l9{left:-160px; top:360px;}
.ind-application .list .l10{right:-160px; top:360px;}
/*套餐*/
.tc li{width:33.333%; padding:12 0;}
.tc li .box .p2{display:block; padding:5px 0;}
.tc li .box{margin:0 35px 0;}
.czkfbox{display:block; padding:32px 0 35px;}
.czkfbox a{display:inline-block; width:120px; height:34px; line-height:34px; color:#fff; border-radius:5px; text-align:center; margin:0 10px; font-size:13px;}
.czhref{background:#0d7ff4;}
.kfhref{background:#14a566;}
.czhref:hover{color:#fff; background:#046bd5;}
.kfhref:hover{color:#fff; background:#039054;}
/*软件功能*/
.rjgn{width:640px; margin:0 auto;}
.rjgn li{padding:0 0 38px 75px;}
.rjgn li span{ width:50px; height:50px; line-height:50px; top:0;}
/*新闻资讯*/
.news{padding:0 60px;}
.news dt img{width:190px; height:120px;}
.news dl dd{padding-left:204px;}
.news dl dd h3{font-size:16px; line-height:40px; height:40px;}
.news dl dd .p1{padding-right:30px; margin-bottom:10px;}
/*购买流程*/
.gmlc li{display:inline-block; padding:0; width:145px; height:145px; margin:0; margin-bottom:58px; background:#f3f3f3; border-radius:5px;vertical-align: text-bottom;}
.gmlc li p img{background:#fff; border-radius:35px; margin-top:25px;}
.gmlc .l{display:inline-block; width:85px; background:none; line-height:145px;}
.gmlc .l p img{vertical-align:middle; background:none; border-radius:0; margin:0 auto;}
/*合作伙伴*/
.partnerbox{padding-bottom:18px; border-bottom:1px solid #efefef;}
.partner{overflow:hidden; height:172px;}
.partner a{display:inline-block; width:140px; height:56px; margin:0 20px 30px;}
/*主体*/
.center_nav{ padding:0;}
.center_nav a{margin-bottom:0; line-height:54px; height:54px; width:128px;}
/*常见问题*/
.list_help li .q1 span{display:none;}
.list_help li .q2{display:block;background:none;}
.helpbox{max-width:1040px; margin:0 auto; padding:10px 10px 90px;}
.list_help li{border-bottom:1px solid #eee;}
/*付款方式*/
.paybox .ti{padding:30px 0 35px;}
/*新手入门*/
.Cognos .box .img1{display:block; padding:10px 0; margin:0 auto;}
.Cognos .box{border-top:1px solid #eee; padding-top:16px;}
/*详情*/
.showbox{padding-bottom:100px; max-width:1020px; margin:0 auto;}
.showbox .location{display:block; border-bottom:1px solid #eee; line-height:52px; color:#8d8d8d;}
.showbox .location a{padding:0 5px 0 2px; color:#8d8d8d;} 
.showbox .location a:hover{color:#046bd5;}
.show{padding-top:25px;}
/*新闻*/
.listnews{overflow:hidden;}
.listnews .newb{width:45%; float:left; margin:0 2.5%;}
.listnews dl{margin-bottom:30px;}
.page{display:none;}
.paging{text-align:center; display:block; padding-top:40px;}
.paging a,.paging span{display:inline-block;*display:inline;zoom:1;padding:6px 12px;border:1px solid #d9d9d9;background:#fff;margin:0 5px; color:#8a8a8a; border-radius:3px;}
.paging span,.paging a:hover{background:#0d7ff4;border-color:#0d7ff4;color:#fff}
/*应用*/
.center_nav2 a{width:92px;}
.applicationbox{max-width:1020px; margin:0 auto;}
.applicationbox .ti h3{font-size:30px; padding:5px 0 6px;}
.applicationbox .ti p{ font-size:16px; line-height:20px; padding-bottom:10px;}
.application li{padding-bottom:20px;}
.application li .i{line-height:24px; padding-top:8px;}
/*产品*/
.center_nav3 .nav3 a{ display:block; margin:0 auto; width:128px;  padding:26px 0px;}
.center_nav3 .active a{background:#f8f8f8;}
.center_nav3 .nav3:hover a{background:#f8f8f8;}
.productbox .box .title{margin-bottom:20px;}
.productbox .y li{padding-bottom:28px;}
.productbox .y{padding-top:10px;}
.productbox .box .title{padding-bottom:8px;}
.fuction{overflow:hidden;}
.fuction .t_ico{float:left;}
.fuction .t_ico1,.fuction .t_ico3,.fuction .t_ico5{width:450px;}
/*关于我们*/
.abouttitle{padding:30px 0 22px;}
.abouttitle h3{padding-bottom:12px; font-size:30px;}
.aboutcontent{padding:12px 0 40px;}
.tsbox .title h3{padding-bottom:12px; font-size:30px;}
.mapbox .title h3{padding-bottom:12px; font-size:30px;}
.tsbox{padding:32px 10px 30px;}
.tsbox p span{padding:0 35px 40px;}
.tsbox p span img{width:81px;}
.mapbox{padding-top:32px;}
.contact{padding-top:30px; line-height:34px;} 
.contact p{background-position:left 8px;}
/*加盟*/
.joinbox{ margin:40px 50px 40px}
.join_bg .img1,.join_bg .img2{display:none;}
.join_bg .img3{display:block;}
.clyg .img1{display:none;}
.clyg .img2{display:block;}
.join .join_info{background:#f8f8f8; font-size:14px; color:#3d3737; line-height:34px; text-align:center; padding:24px 10px; margin-bottom:50px;} 
.joinbox{border-radius: 300px 300px 20px 20px/ 40px 40px 20px 20px;}
.join{border-radius: 300px 300px 0 0 / 40px 40px 50px 50px;}
.join{padding:50px 18px 0;}
.joinbox{padding:22px;}
.join .title{width:80%; padding-bottom:30px;}
.top_img{width:65px; top:-32px;}
.tj{display:none;}
.tjpic{display:block; text-align:center; padding-bottom:22px;}
.tjpic .img2{display:none;}
.clyg{padding:2px 0 60px;}
.join .title{padding-bottom:20px; font-size:23px;}
.lc li{width:33.333%;}
.join_btn{display:none;}
.join_btn2{display:block; margin-top:35px;}
.lc{padding-bottom:5px;} 
.jbg{background:url(../images/join_bg2.jpg) no-repeat top center; background-size:cover;}

}
@media screen and (min-width:980px){
/*banner切换*/
.banner .pic{display:none;}
.banner{ width:100%; padding-top:60px; height:449px; background:url(../images/b3.jpg) no-repeat bottom center;}

.flexslider{height:530px;}
.flexslider li .pic{display:none;}
.flexslider li{height:530px;}
.flex-control-nav{bottom:40px;}
.flex-control-nav li a{width:63px;}
/*首页服务*/
.home_servicebox ul{ margin:0 auto; max-width:1200px;}
.home_servicebox li{width:25%;}
.home_servicebox{padding:620px 15px 20px;}
/*行业应用广泛*/
.ind-application{max-width:1020px;}
.ind-application .list li{overflow:inherit; width:240px; padding:0; overflow:hidden;}
.ind-application .list li a{width:150px; }
.ind-application .list .l1{left:-240px;}
.ind-application .list .l2{right:-240px;}
.ind-application .list .l3{left:-240px;}
.ind-application .list .l4{right:-240px;}
.ind-application .list .l5{left:-240px;}
.ind-application .list .l6{right:-240px;}
.ind-application .list .l7{left:-240px;}
.ind-application .list .l8{right:-240px;}
.ind-application .list .l9{left:-240px;}
.ind-application .list .l10{right:-240px;}
.ind-application .list .active .line{display:block; width:70px; border-bottom:1px solid #0d7ff6; position:absolute; right:-10px; top:20px;}
.ind-application .list .l2 .line{left:0;}
.ind-application .list .l4 .line{left:0;}
.ind-application .list .l6 .line{left:0;}
.ind-application .list .l8 .line{left:0;}
.ind-application .list .l10 .line{left:0;}
.ind-application .list .l2 a{float:right;}
.ind-application .list .l4 a{float:right;}
.ind-application .list .l6 a{float:right;}
.ind-application .list .l8 a{float:right;}
.ind-application .list .l10 a{float:right;}
.ind-application .list li .line i{display:block; width:7px; height:7px; border-radius:100%; background:#0d7ff4; position:absolute;left: -8px;top: -3px;}
.ind-application .list .l2 .line i{display:block; width:7px; height:7px; border-radius:100%; background:#0d7ff4; position:absolute; left:auto; right: -8px;top: -3px;}
.ind-application .list .l4 .line i{display:block; width:7px; height:7px; border-radius:100%; background:#0d7ff4; position:absolute; left:auto; right: -8px;top: -3px;}
.ind-application .list .l6 .line i{display:block; width:7px; height:7px; border-radius:100%; background:#0d7ff4; position:absolute; left:auto; right: -8px;top: -3px;}
.ind-application .list .l8 .line i{display:block; width:7px; height:7px; border-radius:100%; background:#0d7ff4; position:absolute; left:auto; right: -8px;top: -3px;}
.ind-application .list .l10 .line i{display:block; width:7px; height:7px; border-radius:100%; background:#0d7ff4; position:absolute; left:auto; right: -8px;top: -3px;}


@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeft{
  animation:fadeInLeft 1s;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRight {
  animation:fadeInRight 1s;

}
/*软件功能*/
.rjgn{padding:20px 0 20px; width:960px; position:relative;}
.rjgn .pic{display:block;}
.rjgn ul{position:absolute; top:0; width:100%;}
.rjgn ul span{display:none;}
.rjgn ul li{position:absolute; width:390px; padding:0;}
.rjgn ul .l1{text-align:right; top:32px; left:0;}
.rjgn ul .l2{top:75px; right:0;}
.rjgn ul .l3{text-align:right; top:122px; left:0;}
.rjgn ul .l4{top:165px; right:0;}
.rjgn ul .l5{text-align:right; top:210px; left:0;}
.rjgn ul .l6{top:250px; right:0;}
.rjgn ul .l7{text-align:right; top:302px; left:0;}
.rjgn ul .l8{ top:342px; right:0;}
.rjgn ul .l9{text-align:right; top:392px; left:0;}
.rjgn ul .l10{top:435px; right:0;}
/*新闻资讯*/
.news{overflow:hidden; padding:0;}
.news dl{width:46%; margin:0 2% 30px; float:left;}
/*购买流程*/
.gmlc .l{width:67px;}
/*合作伙伴*/
.partner{overflow:hidden; height:196px;}
.partner a{display:inline-block; width:140px; height:56px; margin:0 16px 42px;}
.fh{ display:block; text-align:center; padding:140px 0 30px;}
.fh a{ width:100px; height:30px; display:inline-block; text-align:center; line-height:30px; border-radius:5px; background:#eee; font-size:13px; color:#8d8d8d;}
.leftfixed{ display:block; position:fixed; left:0; top:45%; z-index:100;}
.leftfixed a{display:block; margin-bottom:6px; line-height:20px; color:#fff; padding:3px 6px 3px 3px; background:#0d7ff4; border-radius:3px;width: 75px;}
.leftfixed a img{margin-right:3px;}
/*付款方式*/
.pay{max-width:inherit; overflow:hidden; padding-bottom:30px;}
.pay li{width:42%; margin:0 3.8%; float:left;}
/*新手入门*/
.Cognosbox{max-width:1020px; margin:0 auto;}
.Cognos .box{width:auto;}
.Cognos .box .img1{display:none;}
.Cognos .box .img2{display:block; padding:20px 0; margin:0 auto;}
.Cognosbox .ti{padding:30px 0;}
.Cognos .pic .img2{display:block;}
.Cognos .pic .img1{display:none;}
.Cognos .pic{padding-bottom:15px;}
/*详情*/
.showbox{padding-top:32px;}
.show{padding-top:36px;}
.show .title span{padding-right:15px;}
.show .title{padding-bottom:40px;}
.up_down span{display:inline-block;  padding-right:50px;}
.up_down span a{color:#666;}
/*新闻*/
.listnews .newb{width:30%; margin:0 1.5%;}
.listnewsbox{max-width:1072px; margin:0 auto;}
/*应用*/
.applicationbox{padding:30px 10px 140px;}
/*产品*/
.productttitle{display:block; font-size:30px; color:#292b2d; padding:42px 0 0; text-align:center;}
.center_nav3{max-width:780px; margin:0 auto;}
.productbox{max-width:1020px; margin:0 auto;}
.productbox .y{max-width:1020px;}
.productbox .y li{width:16.666%;}
.center_nav3 .nav3 .p{font-size:18px;}
/*关于我们*/
.abouttitle{padding:38px 0 22px;}
.aboutcontent{padding:22px 0 50px;}
.tsbox{padding:42px 10px 30px;}
.tsbox p span{padding:0 35px 40px;}
.tsbox p span img{width:81px;}
.mapbox{padding-top:42px;}
.contact{padding-top:40px; line-height:34px;} 
.contact p{background-position:left 8px;}
/*加盟*/
.j li .active{background:none; border:none;}
.j li a{border:none;}
.joinbox{border-radius: 600px 600px 20px 20px / 60px 60px 20px 20px;}
.join{border-radius: 600px 600px 0 0 / 60px 60px 20px 50px;}
.joinbox{padding:18px;}
.tjpic .img1{display:none;}
.tjpic .img2{display:block; margin:0 auto;}
.join { padding: 50px 0 0;}
.join .join_info{margin:0 auto 50px; font-size:16px; padding:40px 110px; max-width:660px; letter-spacing:4px;}
.join .title{font-size:28px; line-height:inherit;}
.join .title span{padding:0 18px;}
.lc li{display:none;}
.lc .lcpic{display:block; text-align:center; padding-bottom:100px; padding-top:20px;} 
.jbg{background:url(../images/join_bg3.jpg) no-repeat top center; }
.join_bg{display:none;}
}
@media screen and (min-width:1020px){
/*套餐*/
.tc{max-width:1040px; margin:0 auto;}
.tc li{width:16.666%;}
.tc li .box .p2{display:block; padding:5px 0;}
.tc li .box{margin:0 10px;}
.czkfbox{padding:40px 0 35px;}
/*软件功能*/
.rjgn{width:1000px;}
.rjgn ul li{width:420px;}
/*产品*/
.productbox .box .t_ico1,.productbox .box .t_ico4{width:400px;}
.productbox .box .t_ico2,.productbox .box .t_ico5{width:225px;}
.productbox .box .t_ico3,.productbox .box .t_ico6{width:auto;}
}
@media screen and (min-width:1020px){
/*新闻资讯*/
.news{ width:1060px; margin:0 auto;}
/*加盟*/
.joinbox { margin: 40px auto 40px;width:95%; max-width:980px;}
}
@media screen and (min-width:1200px){
.titles{padding:30px 0 35px;}
/*行业应用广泛*/
.ind-application .list li{overflow:inherit; width:320px; padding:0; overflow:hidden;}
.ind-application .list li a{width:150px; }
.ind-application .list .l1{left:-310px;}
.ind-application .list .l2{right:-310px;}
.ind-application .list .l3{left:-310px;}
.ind-application .list .l4{right:-310px;}
.ind-application .list .l5{left:-310px;}
.ind-application .list .l6{right:-310px;}
.ind-application .list .l7{left:-310px;}
.ind-application .list .l8{right:-310px;}
.ind-application .list .l9{left:-310px;}
.ind-application .list .l10{right:-310px;}
.ind-application .list .active .line{ width:140px;}
/*合作伙伴*/
.partner{ width:1056px; margin:0 auto;}
/*付款方式*/
.paybox {padding:30px 0 120px;}
.pay{ max-width:1080px; margin:0 auto;}

}